@charset "utf-8";
@import "../../../base/_common";
//@import "../../../components/title";
//@import "../../../components/crumbs";

body {
    background-color:#f9f9f9;
}
.survey button{
	font-family:"Microsoft YaHei";
}
.survey .content{
	overflow: hidden;
}
#editPanel .title>span{
	color:#007dc0;
	cursor: pointer;
}
.hidden{
	visibility: hidden;
	display: block;
}
/*********************************** navigation style start *********************/
.content .navigation{
	height:110px;
	margin:0 20px;
}
.navigation .item{
	height: 110px;
	width: 115px;
	float: left;
	text-align: center;
	padding-top:10px;
}
.item:hover{
	background-color: #cccccc;
	cursor: pointer;
}
.item .icon img{
	width:40px;
}
.item .label{
	display: block;
	height: 60px;
	text-align: center;
}

/*********************************** navigation style end *********************/
.question{
	position: relative;
}
.question >.title{
	text-align: center;
}
.question .title>span{
	color:#007dc0;
	cursor: pointer;
}
.question>.back{
	position: absolute;
	left: 20px;
	top:10px;
	cursor: pointer;
	background: url(#{$imgurl-base}/onlinefinance/loan/arr.png) no-repeat;
	height: 26px;
	line-height: 26px;
	padding-left: 18px;
}
.survey_button{
	width:80px;
	background-color:#006ca7;
	color:#FFFFFF;
	cursor: pointer;
	display: block;
	float:right;
}
.options {
	margin: 0 auto;
}
.options .option {
	cursor:pointer;
	width:135px;
	height:135px;
	display:inline-block;
	*display: inline;
	*zoom:1;
	position: relative;
	text-align: center;
	margin:0 10px 0 0;
}
.multi .options>.option{
	float:left;
}
.option button{
	width:135px;
	height:135px;
	border-width:0 0 4px;
	background-color: #f7f7f7;
	color:#222;
	cursor:pointer;
}
.option .label{
	margin-top: 8px;
	display:block;
}
.option button:hover,.option button .selected{
	background:#007dc0;
	border-color: #006ac7;
	color:#FFF;
}
.disabled >button,.disabled>button:hover{
	filter: alpha(opacity=60);  
	-moz-opacity: 0.6;  
	-khtml-opacity: 0.6;  
	opacity: 0.6;
	background:#ccc;
	border-color: #006ac7;
	border-color: #bfbfbf;
	color:#666;
	cursor: default;
}
.options .selected button{
	background:#007dc0;
	border-color: #006ac7;
	color:#FFF;
}
.selector{
	position: absolute;
	right: 10px;
	top: 0;
	width: 32px;
	display: none;
}
.selected .selector{
	display: block;
}
.icon img{
	width:70px;
}
.field .icon{
	background-repeat: no-repeat;
    background-size: 60px auto;
    height: 80px;
    width: 80px;
    background-position:center center;
    margin:0 auto;
}
.field input{
	width: 170px;
	margin-bottom: 20px;
	float:left;
}
.placeholder{
	color:#bfbfbf;
}
.field .wrapper{
	margin: 20px auto;
	text-align: center;
	width: 320px;
}
.wrapper >button{
	background:#45b39c;
	border-color:#00a87c;
}
.wrapper >button:hover{
	background:#00a87c;
	border-color:#00a87c;
}
.question .next{
	width:48px;
	//background:url("/pc_web/media/img/front_images/next.png") no-repeat;
	display:block;
	height:48px;
	margin:0 auto;
}
/*********************Sub Options Style start********************************/
.sub_container{
	display: block;
}
.sub_options{
	margin: 0 auto;
}
.sub_options .sub_option{
	width: 135px;
	float: left;
	display: block;
	height: 135px;
	margin-right:10px;
}
.sub_option button{
	background-color:#f7f7f7;
	height: 135px;
	width: 135px;
}
.sub_option button:hover{
	background-color:#007dc0;
}
.sub_option .content{
	text-align: center;
	margin-top:8px;
	font-size:12px;
	display: block;
}
.sub_option button:hover .content{
	color: #FFFFFF;
	cursor: pointer;
}
.selected>.content{
	color: #000000;
}
.sub_options .selected .line{
	border:2px solid #007dc0;
	background-color: #007dc0;
}
.test_finance .line{
	width:1px;
	height:10px;
	border:1px solid #CCCCCC;
	margin: 0 auto;
	background-color: #CCCCCC;
}
/*********************Sub Options Sytle end********************************/
.nav_control {
	margin: 0 auto;
	width: 200px;
}
.nav_control a {
	height: 40px;
	width: 200px;
}
.nav_control span {
	background-color: #558ED5;
	display: block;
	height: 40px;
	line-height: 40px;
	width: 200px;
	text-align: center;
	color: #FFFFFF;
}
#prev_q {
	float: left;
	cursor: pointer;
}
#next_q {
	float: right;
	cursor: pointer;
}
#survey_submit {
	float: right;
	display: none;
	cursor:pointer;
}
#confirm_submit {
	cursor:pointer;
}
table .nav{
	width:70px;
}
.nav img{
	width:50px;
	cursor:pointer;
}
.s_item span{
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size:12px;
}
.s_item .title{
	color:grey;
	display:block;
}
.survey_progress{
	height:100%;
	text-align:center;
	z-index:2;
}
.survey_progress li {margin: 10px 0; display: block; zoom: 1; *display: inline;}
.survey_progress li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.survey_progress li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.survey_progress li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.location select{
	width:150px;
	height:30px;
	margin-left:10px;
}
.selector{
	position: absolute;
}
.summary{
	text-align: center;
}
.summary .icon{
	height:240px;
}
.summary .icon>img{
	width: auto;
	margin: 40px auto;
}
.summary .line{
	width: 1px;
	height:15px;
	margin: 0 auto;
	border:1px solid #CCCCCC;
}
.summary .desc{
	height: 40px;
	line-height: 40px;
	display: block;
	background: none;
}
.multi .confirm{
	height: 40px;
	margin: 0 auto;
	text-align: center;
}
.confirm button{
	background:#45b39c;
	border-color:#00a87c;
	width: 135px;
}
.confirm button:hover{
	background:#00a87c;
	border-color:#00a87c;
}
.multi input{
	width:120px;
	height:40px;
	padding:0;
}
.multi .number_input,.multi .note{
	display:none;
}
.sorry_tip{
	display:none;
	//background: url(/pc_web/media/img/front_images/error.png) no-repeat;
	height: 26px;
	line-height: 26px;
	padding-left: 35px;
}
.sorry_tip_ty{
	display:none;
    //background: url(/pc_web/media/img/front_images/error.png) no-repeat;
    height: 26px;
    line-height: 26px;
    text-align: left;
    padding-left: 0;
}
.error>.sorry_tip{
	display: block;
}
.error>input,.error>input:active,.error>input:hover,.error>input:focus {
	border-color:#ff0000;
}
.error_ty > .sorry_tip_ty{
  display: block;
}
.selected .number_input{
	margin:5px auto;
	padding:0 5px;
}
.selected .note{
	text-align: left;
}
.error .reset-title,.error .sorry_tip{
  color: #FF0000;
  background-color: #FFFFFF;
}
.error_ty .reset-title-copy,.error_ty .sorry_tip_ty{
  color: #FF0000;
  background-color: #FFFFFF;
}
.q_7 .field .icon{
	display:none;
}
.q_7 .field .reset-title{
	position: absolute;
    font-size: 16px;
    top: 45px;
    left: 365px;
}
.q_7 .field .reset-title-copy{
	position: absolute;
    top: 104px;
    left: 380px;
    font-size: 16px;
}
.q_7 .field .wrapper{
	margin: 0;
    text-align: center;
    width: 320px;
    margin-top: 40px;
    margin-left: 520px;
}
.q_7 .field .survey_button{
	position: absolute;
    top: 210px;
}
.q_7 .field .sorry_tip{
    //ackground: url(/pc_web/media/img/front_images/error.png) no-repeat;
    height: 26px;
    line-height: 26px;
    text-align: left;
    padding-left: 0;
}
